﻿ /** Customize the demo canvas */
.qsf-demo-canvas {
     padding: 20px;
     max-width: 1100px;
     border: 1px solid #dddddd;
     border-radius: 10px;
     background: #f2f2f2;
     box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
}
.demo-canvas-inner {
     min-height: 650px;
     _height: 650px;
     /*background: url("") top no-repeat;*/
     overflow: auto;
     *position: relative;
}

:root .qsf-demo-canvas {
     border: none;
}
.qsf-demo-canvas h2 {
     margin: 0;
     padding: 0;
     background: url("images/custom-title-tile.png") left center repeat-x;
     font-size: 30px;
     line-height: 50px;
     font-weight: normal;
     min-height: 0;
     _zoom: 1;
}
.qsf-demo-canvas h2:after {
     content: "";
     height: 0;
     clear: both;
     display: block;
}
.qsf-demo-canvas h2 span {
     height: 50px;
     padding: 0 20px 0 50px;
     background: #f2f2f2 url("images/custom-title-bg.png") left center no-repeat;
     line-height: 44px;
     float: left;
}
 
 
/** Customize the org chart */
html .RadOrgChart .rocItem {
     width: 100px;
     height: 140px;
}
html .RadOrgChart .rocItemTemplate {
     height: 80px;
     width: 150px;
}

 html .RadOrgChart .rocLineUp
{
    
    height:100px ;
    /*top: -10px;*/
}

html .RadOrgChart .rocLineDown
{
    height: 100px;

}
html .RadOrgChart .rocLineHorizontal
{
    
    top: -10px;
}

html .RadOrgChart .rocNodeList
{
    margin: 20px auto 0;
}

 
 
.TemplateHolder {
     margin: -10px 0 0 -10px;
     padding: 10px;
     width: 100%;
     height: 100%;
     min-height: 0;
     _zoom: 1;
}
.TemplateHolder:after {
     content: "";
     height: 0;
     clear: both;
     display: block;
}
.rocCustomImageWrap {
     margin-right: 12px;
     width: 48px;
     height: 48px;
     float: left;
     display: inline;
     overflow: hidden;
}
.rocCustomTextWrap {
     font-size: 14px;
     line-height: 24px;
     float: left;
}
 
 
.rtVisibleCallout {*width: 200px;}
.rtWrapper {*width: 100%;}
 
 
.rtCustomTemplate {
     padding: 5px;
     min-width: 150px;
     min-height: 80px;
     color: #797979;
     font-size: 14px;
     line-height: 20px;
}
.rtCustomTemplate .title {
     margin: 0 0 10px;
     color: #333333;
     font-size: 18px;
     font-weight: normal;
}
.rtCustomTemplate .address {
     margin: 10px 0 0;
}
.rtCustomTemplate .phone {
     margin: 10px 0 0;
     color: #227300;
     font-size: 12px;
     text-align: right;
}


.qsf-demo-canvas {
     width: 880px;
     background: url("images/marketing-bg.jpg") 0 0 no-repeat;
     overflow: auto;
} 
 
 
